<template>
	<view class="safe">
		<view class="con" @click="gotoUpdate">
			<view class="con-title">
				<text>修改支付密码</text>
			</view>
			<view class="con-more">
				<image :src="require('@/static/img/common/goMore.svg')"></image>
			</view>
		</view>
		<view class="con" @click="gotoForget">
			<view class="con-title">
				<text>忘记支付密码</text>
			</view>
			<view class="con-more">
				<image :src="require('@/static/img/common/goMore.svg')"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gotoUpdate() {
				uni.navigateTo({
					url: '/subpkg/main/my/assets/safe-update-pwd/safe-update-pwd'
				})
			},
			gotoForget(){
				uni.navigateTo({
					url: '/subpkg/main/my/assets/safe-forget-pwd/safe-forget-pwd'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.safe {
		width: 100%;
		min-height: 100vh;
		background-color: rgba(248, 248, 248, 1);
	}

	.con {
		height: 100rpx;
		padding: 0 4%;
		width: 92%;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		margin-bottom: 4rpx;

		&:active {
			background-color: #eee;
		}

		.con-title {
			height: 100rpx;
			line-height: 100rpx;
			font-size: 28rpx;
		}

		.con-more {
			image {
				width: 50rpx;
				height: 50rpx;
				margin-top: 25rpx;
			}
		}
	}
</style>